<template>
  <div>
    <h1>你好，这里是学生管理系统</h1>
    <nav>
      <router-link :to="{ name: 'CampusBinhai' }" exact-active-class="active">滨海</router-link> |
      <router-link :to="{ name: 'CampusChashan' }" exact-active-class="active">茶山</router-link> |
      <router-link :to="{ name: 'CampusYueqing' }" exact-active-class="active">乐清</router-link> |
      <router-link :to="{ name: 'StudentSystem' }" exact-active-class="active">学生管理系统</router-link>
    </nav>
  </div>
</template>

<script>
export default {
  name: 'StudentSystem'
};
</script>

<style scoped>
.active {
  color: green;
}
</style>
